#How to get value of an input textbox in jQuery

[topjavatutorial-blog]

How to read value of a textbox in jQuery

How to read value of a textbox in jQuery

If you want to read the text from an input box like this in jQuery, you can follow one of the following approaches : 1. Using val() function Here is the syntax : var str = $('#txt_name').val(); Example : Insert title here Enter text : Click me Output : Note : You can set a new value in the textbox using the val() method by passing the new text to the val() method as shown below :…

[sourabhdubey007]

How To Use Calculator Plugins in WordPress

Now if you came to this post you are probably in the market, or having been considering getting, a calculator plugin but you are probably unaware of how detailed some of them can be and that deciding which one to get, may take more thought then you were thinking.  There are many types of WordPress plugins to calculate prices, measurements, dates, form fields, and more. In this article, we have hand-picked some of the best calculator plugins for WordPress. It is possible by the backend code of calculation. And for those folks who are not that expert in manual calculator coding. Then, here is the list of the best WordPress calculator plugins that lets you create a calculator on your website with no efforts.

Best Calculator Plugins

Calculated Fields Form

Calculated Fields Form can be used for creating both single and complex calculations, for example, general calculators, ideal weight calculators, calorie calculators, calculate quotes for hotel booking and rent a car service, calculate quotes for appointments and services, loan & finance calculators, date calculators. It comes with a form and logic builder which you can use to add fields, assign values to those fields, and define mathematical operators to run. It has Five pre-built samples. It has a Predefined forms template. It has a feature that Calculated fields can be hidden fields. It allows integration with Classic WordPress Editor, Gutenberg Editor, Elementor, Page Builder by SiteOrigin, Beaver Builder, WPBakery Page Builder, DIVI Builder, For other editors, the shortcodes should be inserted using other controls of general-purpose like the controls for inserting HTML or shortcodes.

Features

Visual form builder available  with multiple fields and form formatting options

Multiple numbers of calculated fields can be added like drop-down, checkboxes, radio buttons, dates, numbers

The calculator supports both easy and advanced operations, including ternary operators and common Math functions

Smart automatic number and prices identification into the field values

Supports form separators and comments sections to layout the form in a friendlier way

Practical “clone” button to duplicate a form

Conditional rules supported. Useful for creating wizards

Responsive Mortgage Calculator

If you run a real estate website, it makes sense to display calculators and other useful tools on your website. Responsive Mortgage Calculator is a simple widget that lets your visitors estimate their mortgage payments. The Responsive Mortgage Calculator is a jQuery widget and shortcode that’s designed to fit easily into any theme, on any device, at any size. There are settings to adjust the styling, a light and a dark theme, or you can remove the styling entirely and use your theme’s styling. The HTML is built with plenty of classes, so it’s easy to override the included stylesheet with your own CSS.

Features

the total cost of the home,

a down payment amount,

an interest rate (fixed rate),

the amortization period,

and they can select a payment period, either monthly, bi-weekly, or weekly,

NEW * beautiful popup summary with chart and amortization schedule.

Cost Calculator Builder

Cost Calculator – if you’re searching for a smart, simple tool that allows you to easily create price estimation forms to give your clients the opportunity to get information about your services and product costs you are in the right place. This plugin is clean and simple and it will help you to do things like: get a simple quote, project price, or estimation so then you can create a quote or price estimation form for your site. Cost Calculator is basically a WordPress plugin for quotations, price, and project estimation. This plugin allows you to easily create price estimation forms for your WordPress website. This has a textbox. It has dropdown menus with images of icons. It also has a numeric slider, on/off switcher and reCAPTCHA.   The possibilities are unlimited. Let the Cost Calculator become your virtual assistant and increase the conversion of your website.

Features

Switch Box

Input box

Checkbox

Advanced dropdown Box

Range Slider

Quantity Box

Textbox

Horizontal Line

One-click import

Responsive design

Tons of different demos

Numeric sliders

CT Mortgage Calculator

A straightforward and simple responsive mortgage calculator with a clean flat design, featuring Sale Price, Interest Rate, Term (years) & Down Payment.

Features

Responsive– mortgage calculator looks good on any device from both sides: admin and front.

Customizable  Fields-simple calculator with Purchase price, Down payment, Interest Rate or enable advanced options and switch on extra Home Insurance, Property taxes and PMI.

Nice Font– Adapt calculator color according to your theme styles. Choose any color you need via plugin Settings.

Smart-The plugin has a comprehensive interface and easy in use. Just give it a try and enjoy!

Visually attractive-The calculator displays results in the Popup window with graph or simple text. You can select one of the options most appealing for you.

To make it more attractive we used jQuery and Google Charts in its code it has jQuery animation effect

Mortgage Calculator

Mortgage Calculator WordPress Plugin is based on and uses the code from the very popular Mortgage Calculator. Not only will the plugin calculate the monthly payment amount, it can also solve for the affordable house price or calculate the down payment percentage.A mortgage calculator is a useful tool for real estate websites because it allows visitors to see if they can afford the property they’re looking at. If you are making a real website with IDX property listings, then a mortgage calculator will help you get more leads and increase user engagement on your website. Additionally, the calculator will optionally consider loan points, property taxes, hazard insurance and private mortgage insurance (PMI).  Your site visitors can select their own currency and date convention which is ideal if the host site attracts visitors from around the globe. The website or blog owner can select from four predefined sizes or modify a CSS file to customize both size and colors.

The post How To Use Calculator Plugins in WordPress appeared first on The Coding Bus.

from WordPress https://ift.tt/2MLIRZU via IFTTT

[dotnettec]

How to Get HTML Textbox Value in ASP.Net

How to Get HTML Textbox Value in ASP.Net

Tags | how to get value of HTML textbox in asp.net, how to get HTML textbox value in asp.net c# Must Read HTML Input Text Autocomplete jQuery Form Validation HTML5 JavaScript Read HTML textbox value in asp.net The HTML  element is used to create interactive controls for web-based forms in order to accept data from the user. Find the simplest way to get HTML textbox value in asp.net code behind:-…

[devteam2070]

Autocomplete textbox using jQuery, PHP and MySQL

Autocomplete textbox using jQuery, PHP and MySQL

Autocomplete textbox is very user friendly for web project. In this tutorial you can learn how to implement google like search textbox in PHP. Using jQuery UI we can easily display auto suggestion from the database under textbox. Let’s start the autocomplete textbox tutorial. Here we will display a textbox for skill entry. Once the user starting to enter skill, the autosuggestion skills would be listed under the textbox. These autosuggestion skills would be fetched from the database skills table.

jQuery UI Library & jQuery

We need to include jQuery library, jQuery UI library and jQuery UI stylesheet.

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Define the autocomplete function and provide the source file.

<script> $(function() { $( "#skills" ).autocomplete({ source: 'search.php' }); }); </script>

HTML

Just require the following HTML.

<div class="ui-widget"> <label for="skills">Skills: </label> <input id="skills"> </div>

PHP Source File

We can get the textbox value by term field ($_GET['term']) from the query string. Now we will fetch the data from skills table and filtering the skills by $_GET['term']. At last we will return the filtered skills data in JSON format.

<?php     //database configuration     $dbHost = 'localhost';     $dbUsername = 'root';     $dbPassword = '';     $dbName = 'codexworld';          //connect with the database     $db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);          //get search term     $searchTerm = $_GET['term'];          //get matched data from skills table     $query = $db->query("SELECT * FROM skills WHERE skill LIKE '%".$searchTerm."%' ORDER BY skill ASC");     while ($row = $query->fetch_assoc()) {         $data[] = $row['skill'];     }          //return json data     echo json_encode($data); ?>

That’s all, these steps is enough for autocomplete textbox implementation in PHP